<%--
  Created by IntelliJ IDEA.
  User: 宋晓博
  Date: 2022/1/10
  Time: 12:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" %>
<%@ include file="header.jsp" %>`
<html>
<head>
    <meta charset="utf-8"/>
    <title>京东</title>
    <link type="text/css" rel="stylesheet" href="static/bootstrap-3.4.1-dist/css/bootstrap.css"/>
    <link type="text/css" rel="stylesheet" href="static/css/index.css"/>
</head>
<body>
<script type="text/javascript" src="static/bootstrap-3.4.1-dist/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="static/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
<script type="text/javascript" src="static/js/index.js"></script>
<div class="container">
    <div class="row row4">
        <div class="col-md-2 abs kuai"> <%-- abs用于给midblock定位，kuai用于设置背景色--%>
            <c:forEach var="line" begin="1" end="18" step="1">
                <div class="row zhai menu">
                    <c:forEach var="type" items="${requestScope.types }">
                        <%--  当行号row与info2一直是才取出 --%>
                        <c:if test="${line==type.info2 }">
                            <div class="col-md-3  item">
                                <a href="/goods/getGoodsByType?c1=${type.id}">${type.name}</a>/
                            </div>
                        </c:if>
                    </c:forEach>
                </div>
            </c:forEach>
        </div>
        <div id="midblock">
            123
        </div>
        <div class="col-md-6 zhongkuai">
            <%--            轮播图模块--%>
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="4"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="5"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="6"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="7"></li>
                </ol>
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="static/img/lunbo/1.jpg" alt="...">
                    </div>
                    <div class="item">
                        <img src="static/img/lunbo/2.jpg" alt="...">
                    </div>
                    <div class="item">
                        <img src="static/img/lunbo/3.jpg" alt="...">
                    </div>
                    <div class="item">
                        <img src="static/img/lunbo/4.jpg" alt="...">
                    </div>
                    <div class="item">
                        <img src="static/img/lunbo/5.jpg" alt="...">
                    </div>
                    <div class="item">
                        <img src="static/img/lunbo/6.jpg" alt="...">
                    </div>
                    <div class="item">
                        <img src="static/img/lunbo/7.jpg" alt="...">
                    </div>
                    <div class="item">
                        <img src="static/img/lunbo/8.jpg" alt="...">
                    </div>
                </div>
                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        <div class="col-md-2 kuai zhongyou">
            <div id="carousel-example-generic2" class="carousel slide" data-ride="carousel">
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="static/img/toplunbo/1.png" alt="...">
                    </div>
                    <div class="item">
                        <img src="static/img/toplunbo/2.png" alt="...">
                    </div>
                    <div class="item">
                        <img src="static/img/toplunbo/3.png" alt="...">
                    </div>
                </div>
                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                </a>
            </div>
        </div>
        <div class="col-md-2 kuai you">
            <h2 class="text-center">个人中心</h2>
            <c:forEach begin="1" end="8" step="1">
                <div>
                    <a href=""><h5>新闻</h5></a>
                </div>
            </c:forEach>
            <div class="row">
                <div class="col-md-4">
                    <img src="static/img/头像.png" alt="个人中心" class="img-circle" width="100%">
                </div>
                <div class="col-md-4 x">
                    <a href='logIn.jsp'>
                    ${empty(sessionScope.sys_user.name)?"请登录":(sessionScope.sys_user.name)}</a>
                </div>
                <div class="col-md-4 x">
                    <a href="user/logOut?method=logOut">注销</a>
                </div>
                <span class="label label-danger x">新人福利</span>
                <span class="label label-default x">PLUS会员</span>
            </div>
            <c:forEach begin="1" end="9" step="1">
                <div class="col-md-4">
                    <span class="glyphicon glyphicon-phone pic"></span><p>话费</p>
                </div>
            </c:forEach>
        </div>
    </div>
</div>
</body>
</html>
